<template>
  <div class="nav">
      <ul>
          <li>男装</li>
          <li>女装</li>
          <li>运动装</li>
          <li>童装</li>
          <li>婴幼儿</li>
      </ul>
  </div>
</template>

<script>
export default {
  name: 'HeadNav'
}
</script>
<style lang="stylus" scoped>
.nav
  width:100%
  overflow hidden
  height: .6rem
  line-height: .6rem
  color:#835168
  background: #eee
  border-top: 1px solid #ddd
  border-bottom: 1px solid #ddd
  li
    float left
    padding:0rem .4rem

</style>
